<%@ page pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>

<!DOCTYPE html>
<html>
<head>
	<title>秀场 - ${website}</title>
	<%@ include file="/common/meta.jsp"%>
	<link href="${cdn}/css/pxmain${pageScope.pxmainCssVersion}.css" rel="stylesheet" type="text/css"></link>
</head>
<body>
	<%@ include file="/common/sitenav.jsp"%>
	<jsp:include page="/common/home-header.jsp">
		<jsp:param value="albums" name="column" />
	</jsp:include>
	
	<section id="page1" class="vipPic">
    	<section class="section vip-content clearfix">
            <jsp:include page="/WEB-INF/views/album/aside-left.jsp">
				<jsp:param value="shows" name="column" />
			</jsp:include>
			
            <section class="col-main lfloat">
            	<section class="main-wrap">
                    <div class="showPicTitle pr">
                    	秀场
                        <div id="shows-settings-wrapper" class="more-box inlineBlock">
                            <div id="shows-settings" class="newselect pr">
                            	<div class="newselect-txt">
                                	选项
                                </div>
                            	<div class="newselect-ico pa"></div>
                            </div>
                            <div id="shows-settings-box" class="newSort pa">
                                <div class="GreyBox pr">
	                                <div class="GreyBox-menu mvm">
	                                    <ul class="GBmenu-data">
	                                        <li class="GBmenu-newSort"><i></i>新建分类</li>
	                                        <li id="create-album" class="GBmenu-newSort"><i></i>新建专辑</li>
	                                    </ul>
	                                </div>
                                </div>
                            </div>
                        </div>
                        <a href="javascript:void(0);" id="upload-photos" class="showupload pa">上传照片</a>
                    </div>
                    <section class="sortData1">
                        <header class="pic-head">
                            <div class="showsortName pr">
                                <ul id="galleries" class="showSort clearfix inlineBlock">
                                	<li class="newsort"><a href="${ctx}/albums/shows">最新专辑</a> </li>
                                	<c:forEach var="gallery" items="${galleries}">
                                		<li data-gallery="${gallery.id}">
                                			<a href="${ctx}/albums/gallery/${gallery.id}/shows">${gallery.name}</a>
                                			<i data-role="button" class="vipmore invisible"></i>
	                                    	<ul data-role="menu" class="GBmenu-data pa" style="display: none;">
	                                            <li class="GBmenu-editSort"><i></i>编辑分类</li>
	                                            <li class="GBmenu-delSort"><i></i>删除分类</li>
	                                        </ul>
	                                    </li>
                                	</c:forEach>
                                </ul>
                            </div>
                        </header>
                        <section class="pic-body mtl">
                            <ul id="albums" class="showPic-list clearfix">
                           	 	<c:forEach var="album" items="${albums}">
	                                <li id="album-${album.id}" class="showPic-detail">
	                                	<div class="showPicPT">
	                                    	<a href="${ctx}/albums/${album.id}/detail" class="showPicP pr">
	                                    		<c:if test="${empty album.cover}">
	                                    			<img src="${ctx}/images/main/empty-album.png" alt="${album.name}" />
	                                    		</c:if>
	                                    		<c:if test="${not empty album.cover}">
	                                        		<img src="${album.cover}" alt="${album.name}" />
	                                        	</c:if>
	                                            <span data-role="menu" class="showPicED pa" style="display: none;">
	                                                <span data-menu="edit" data-album-id="${album.id}" class="showPicEdit">
	                                                	<i class="edit-ico mlm"></i>编辑
	                                                </span>
	                                                <span data-menu="remove" data-album-id="${album.id}" class="showPicDel pa">
	                                                	<i class="del-ico"></i>删除
	                                                </span>
	                                            </span>
	                                        </a>
	                                    	<p class="showPicT pr mtm fsl">
	                                        	<span id="album-${album.id}-name" class="showPicDate mlxs">
	                                            	${album.name}
	                                            </span>
	                                            <span class="showPicNum pa">
	                                            	共${album.photos}张
	                                            </span>
	                                        </p>
	                                    </div>
	                                </li>
                                </c:forEach>
                            </ul>
                        </section>
                        <div class="showPicEdit-box">
                        
                        </div>
                    </section>
                </section>
            </section>
        </section>
    </section>
    
    <%@ include file="/WEB-INF/views/album/edit-album.jsp" %>
    <%@ include file="/WEB-INF/views/album/upload-photos.jsp" %>
    
    <%@ include file="/common/footer.jsp"%>
    <script type="text/javascript" src="${cdn}/js/px/album/shows${pageScope.albumShowsJsVersion}.js"></script>
    
</body>
</html>
